{include file="public/layout" /}

<script type="text/javascript" src="__PUBLIC__/plugins/laydate/laydate.js"></script>



{load href="__PUBLIC__/plugins/Ueditor/ueditor.config.js" /}

{load href="__PUBLIC__/plugins/Ueditor/ueditor.all.min.js" /}

{load href="__PUBLIC__/plugins/Ueditor/lang/zh-cn/zh-cn.js" /}



<body style="background-color: #FFF; overflow: auto;min-width:auto;">

<div id="toolTipLayer" style="position: absolute; z-index: 9999; display: none; visibility: visible; left: 95px; top: 573px;"></div>

<div id="append_parent"></div>

<div id="ajaxwaitid"></div>

<div class="page" style="min-width:auto;box-shadow:none;">

    <div class="fixed-bar">

        <div class="item-title"><a class="back" href="javascript:history.back();" title="返回列表"><i class="fa fa-chevron-left"></i></a>

            <div class="subject">

                <h3>新增产品</h3>

                <h5></h5>

            </div>

            <ul class="tab-base nc-row">

                <li><a href="javascript:void(0);" data-index='1' class="tab current"><span>常规选项</span></a></li>

                <!--<li><a href="javascript:void(0);" data-index='2' class="tab"><span>参数选项</span></a></li>-->

                <!--<li><a href="javascript:void(0);" data-index='3' class="tab"><span>SEO选项</span></a></li>-->

                <li><a href="javascript:void(0);" data-index='4' class="tab"><span>其他选项</span></a></li>

            </ul>

        </div>

    </div>

    <form class="form-horizontal" id="post_form" action="{:url('Product/add')}" method="post">

        <!-- 常规信息 -->

        <div class="ncap-form-default tab_div_1">

            <dl class="row">

                <dt class="tit">

                    <label for="title"><em>*</em>标题</label>

                </dt>

                <dd class="opt">

                    <input type="text" name="title" value="" id="title" class="input-txt" maxlength="100">

                    <span class="err"></span>

                    <p class="notic"></p>

                </dd>

            </dl>

            <dl class="row">

                <dt class="tit">

                    <label for="title"><em>*</em>所属栏目</label>

                </dt>

                <dd class="opt">

                    <select name="typeid" id="typeid">

                        <option value="0">请选择栏目…</option>

                        {$arctype_html}

                    </select>

                    <span class="err"></span>

                    <p class="notic">谨慎切换，自定义字段的内容会随着栏目切换而清空，在保存之前不受影响！</p>

                </dd>

            </dl>

            <!--<dl class="row">-->

            <!--    <dt class="tit">-->

            <!--        <label>文档属性</label>-->

            <!--    </dt>-->

            <!--    <dd class="opt">-->

            <!--        <label><input type="checkbox" name="is_head" value="1">头条[h]</label>&nbsp;-->

            <!--        <label><input type="checkbox" name="is_recom" value="1">推荐[c]</label>&nbsp;-->

            <!--        <label><input type="checkbox" name="is_special" value="1">特荐[a]</label>&nbsp;-->

            <!--        <label><input type="checkbox" name="is_b" value="1">加粗[b]</label>&nbsp;-->

            <!--        <label><input type="checkbox" name="is_litpic" value="1">图片[p]</label>&nbsp;-->

            <!--        <label><input type="checkbox" name="is_jump" value="1">跳转[j]</label>&nbsp;-->

            <!--        <span class="err"></span>-->

            <!--        <p class="notic"></p>-->

            <!--    </dd>-->

            <!--</dl>-->

            <dl class="row none dl_jump">

                <dt class="tit">

                    <label>跳转网址</label>

                </dt>

                <dd class="opt">

                    <input type="text" value="" name="jumplinks" id="jumplinks" class="input-txt" placeholder="http://">

                    <span class="err"></span>

                    <p class="notic">请输入完整的URL网址（包含http或https），设置后访问该条信息将直接跳转到设置的网址</p>

                </dd>

            </dl>



            <input type="hidden" name="img_dir" value="<?php echo time(); ?>" />

            <dl class="row">

                <dt class="tit">

                    <label for="title"><em>*</em> 多图上传</label>



                </dt>

                <dd class="opt">

                    <div class="layui-upload">

                        <button type="button" class="layui-btn" id="test2">图集上传</button>

                        <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">

                            预览图：

                            <div class="layui-upload-list" id="demo2">


                            </div>

                        </blockquote>



                    </div>

                </dd>

            </dl>

            <!--<dl class="row">-->

            <!--<dt class="tit">-->

            <!--    <label>图片集</label>-->

            <!--</dt>-->

            <!--    <dd class="opt">-->

            <!--        <div class="tab-pane pics" id="tab_proimg">-->

            <!--            <a href="javascript:void(0);" onClick="GetUploadify(30,'','allimg','proimg_call_back');" class="imgupload">-->

            <!--                <i class="fa fa-photo"></i>上传图片-->

            <!--            </a>-->

            <!--            <table class="table table-bordered">-->

            <!--                <tbody>-->

            <!--                <tr>-->

            <!--                    <td class="sort-list">-->

            <!--                        <div class="images_upload">-->

            <!--                        </div>-->

            <!--                    </td>-->

            <!--                </tr>-->

            <!--                </tbody>-->

            <!--            </table>-->

            <!--        </div>-->

            <!-- 上传图片显示的样板 start -->

            <div class="images_upload_tpl none">

                <div class="images_upload">

                    <div style="position: relative; height: 130px;">

                        <input type="hidden" name="proimg[]" value="" />

                        <a href="javascript:void(0);" onClick="" class="upimg" title="拖动修改排序">

                            <img src="__STATIC__/admin/images/add-button.jpg" width="120" height="120" />

                        </a>

                        <a href="javascript:void(0)" class="delect">&nbsp;&nbsp;</a>

                    </div>

                    <textarea rows="5" cols="60" name="imgintro[]" style="height:28px; width: 136px;" placeholder="图片注释"></textarea>

                </div>

            </div>

            <!-- 上传图片显示的样板 end -->

            <span class="err"></span>

            <p class="notic"></p>

            </dd>

            </dl>



            {if condition="!empty($shopConfig['shop_open']) && 1 == $shopConfig['shop_open']"}

            <!-- 产品价格属性 -->

            {empty name="$shopConfig['shop_type']"}

            <!-- 普通产品 -->

            <input type="hidden" name="prom_type" value="0"/>

            {/empty}



            {eq name="$shopConfig['shop_type']" value="1"}

            <!-- 虚拟产品 -->

            <input type="hidden" name="prom_type" value="1"/>

            <dl class="row" id="fahuoxingshi" >

                <dt class="tit">

                    <label for="fahuo">发货形式</label>

                </dt>

                <dd class="opt">

                    <label>

                        <input type="radio" name="prom_type_vir" value="1" checked="checked" onclick="change_prom_type(2)"/>手动发货

                    </label>

                    &nbsp;

                    <label>

                        <input type="radio" name="prom_type_vir" value="2" onclick="change_prom_type(3)"/>网盘下载

                    </label>

                    &nbsp;

                    <label>

                        <input type="radio" name="prom_type_vir" value="3" onclick="change_prom_type(4)"/>文本内容

                    </label>

                </dd>

            </dl>

            <div id="wangpanxiazai" class="none">

                <dl class="row">

                    <dt class="tit">

                        <label for="netdisk_url"><em>*</em>网盘地址</label>

                    </dt>

                    <dd class="opt">

                        <input type="text" name="netdisk_url" value="" id="netdisk_url" class="input-txt" placeholder="http://">

                        <span class="err"></span>

                        <p class="notic">输入完整的URL网址（包含http或https）</p>

                    </dd>

                </dl>

                <dl class="row">

                    <dt class="tit">

                        <label for="netdisk_pwd">提取码</label>

                    </dt>

                    <dd class="opt">

                        <input type="text" name="netdisk_pwd" value="" id="netdisk_pwd" class="input-txt">

                        <span class="err"></span>

                        <p class="notic"></p>

                    </dd>

                </dl>

                <dl class="row">

                    <dt class="tit">

                        <label for="unzip_pwd">解压密码</label>

                    </dt>

                    <dd class="opt">

                        <input type="text" name="unzip_pwd" value="" id="unzip_pwd" class="input-txt">

                        <span class="err"></span>

                        <p class="notic"></p>

                    </dd>

                </dl>

            </div>

            <dl class="row none" id="wenbenneirong">

                <dt class="tit">

                    <label for="text_content"><em>*</em>文本内容</label>

                </dt>

                <dd class="opt">

                    <textarea rows="5" cols="80" id="text_content" name="text_content" style="width: 375px;height:160px;"></textarea>

                    <p class="notic"></p>

                </dd>

            </dl>

            {/eq}



            {eq name="$shopConfig['shop_type']" value="2"}

            <!-- 两者都有 -->

            <dl class="row">

                <dt class="tit">

                    <label for="uname">产品类型</label>

                </dt>

                <dd class="opt">

                    <label>

                        <input type="radio" name="prom_type" value="0" checked="checked" onclick="change_prom_type(0)"/>普通产品

                    </label>

                    <br/>

                    <label>

                        <input type="radio" name="prom_type" value="1" onclick="change_prom_type(1)"/>虚拟产品

                    </label>

                </dd>

            </dl>



            <dl class="row none" id="fahuoxingshi">

                <dt class="tit">

                    <label for="fahuo">发货形式</label>

                </dt>

                <dd class="opt">

                    <label>

                        <input type="radio" name="prom_type_vir" value="1" checked="checked" onclick="change_prom_type(2)"/>手动发货

                    </label>

                    &nbsp;

                    <label>

                        <input type="radio" name="prom_type_vir" value="2" onclick="change_prom_type(3)"/>网盘下载

                    </label>

                    &nbsp;

                    <label>

                        <input type="radio" name="prom_type_vir" value="3" onclick="change_prom_type(4)"/>文本内容

                    </label>

                </dd>

            </dl>

            <div id="wangpanxiazai" class="none">

                <dl class="row">

                    <dt class="tit">

                        <label for="netdisk_url"><em>*</em>网盘地址</label>

                    </dt>

                    <dd class="opt">

                        <input type="text" name="netdisk_url" value="" id="netdisk_url" class="input-txt" placeholder="http://">

                        <span class="err"></span>

                        <p class="notic">输入完整的URL网址（包含http或https）</p>

                    </dd>

                </dl>

                <dl class="row">

                    <dt class="tit">

                        <label for="netdisk_pwd">提取码</label>

                    </dt>

                    <dd class="opt">

                        <input type="text" name="netdisk_pwd" value="" id="netdisk_pwd" class="input-txt">

                        <span class="err"></span>

                        <p class="notic"></p>

                    </dd>

                </dl>

                <dl class="row">

                    <dt class="tit">

                        <label for="unzip_pwd">解压密码</label>

                    </dt>

                    <dd class="opt">

                        <input type="text" name="unzip_pwd" value="" id="unzip_pwd" class="input-txt">

                        <span class="err"></span>

                        <p class="notic"></p>

                    </dd>

                </dl>

            </div>

            <dl class="row none" id="wenbenneirong">

                <dt class="tit">

                    <label for="text_content"><em>*</em>文本内容</label>

                </dt>

                <dd class="opt">

                    <textarea rows="5" cols="80" id="text_content" name="text_content" style="width: 375px;height:160px;"></textarea>

                    <p class="notic"></p>

                </dd>

            </dl>

            {/eq}

            {/if}



            {if condition="1 == $shopConfig['shop_open'] && !empty($ifcontrolRow['users_price'])"}

            {if condition="!isset($shopConfig['shop_open_spec']) || 0 == $shopConfig['shop_open_spec']"}



            {else/}

            <dl class="row">

                <dt class="tit">

                    <label for="users_price">商品规格</label>

                </dt>

                <dd class="opt">

                    <div>

                        <div>

                            <input type="hidden" id="preset_mark_id_arr">

                            <select name="spec_value" id="spec_value" onchange="SpecSelectName(this)">

                                <option value="0">选择规格名称</option>

                                {volist name="preset_value" id="vo"}

                                <option value="{$vo.preset_mark_id}">{$vo.preset_name}</option>

                                {/volist}

                            </select>

                            <a href="javascript:void(0);" onclick="SpecTempLate();" class="ncap-btn ncap-btn-green">规格模板库</a>

                        </div><br/>

                        <div id='SpecSelectName'></div>

                    </div>

                    <span class="err"></span>

                    <p class="notic"></p>

                </dd>

            </dl>



            <dl class="row">

                <dt class="tit">

                    <label for="users_price">价格/库存</label>

                </dt>

                <dd class="opt">

                    <div id='SpecTempLateDiv'></div>

                    <span class="err"></span>

                    <p class="notic"></p>

                </dd>

            </dl>

            {/if}

            {/if}



            <!--{if condition="!empty($ifcontrolRow['users_price'])"}-->

            <!--<dl class="row">-->

            <!--    <dt class="tit">-->

            <!--        <label for="users_price">-->

            <!--            {if condition="1 == $shopConfig['shop_open']"}<em>*</em>{/if}价格-->

            <!--        </label>-->

            <!--    </dt>-->

            <!--    <dd class="opt">-->

            <!--        <input type="text" name="users_price" id="users_price" maxlength="100" placeholder="原价" style="width: 10%;">-->

            <!-- <input type="text" name="old_price" id="old_price" maxlength="100" placeholder="原价" style="width: 10%;"> -->

            <!--        <span class="err"></span>-->

            <!--        <p class="notic"></p>-->

            <!--    </dd>-->

            <!--</dl>-->

            <!--{/if}-->



            {if condition="1 == $shopConfig['shop_open'] && !empty($ifcontrolRow['users_price'])"}

            {if condition="empty($shopConfig['shop_open_spec'])"}

            <dl class="row">

                <dt class="tit">

                    <label for="stock_count">库存</label>

                </dt>

                <dd class="opt">

                    <input type="text" name="stock_count" style="width: 10%;" value="99999">

                    <label>

                        <input type="checkbox" name="stock_show" value="1" checked="checked">

                        页面显示商品库存

                    </label>

                    <span class="err"></span>

                    <p class="notic"></p>

                </dd>

            </dl>

            {else /}

            <dl class="row">

                <dt class="tit">

                    <label for="stock_count">库存</label>

                </dt>

                <dd class="opt">

                    <input type="text" name="stock_count" id="stock_count" style="width: 10%;" maxlength="100">

                    <label>

                        <input type="checkbox" name="stock_show" value="1" checked="checked">

                        页面显示商品库存

                    </label>

                    <span class="err"></span>

                    <p class="notic"></p>

                </dd>

            </dl>



            <script type="text/javascript">

                // 规格列表管理

                var TemplateUrl = "{:url('Shop/spec_template')}";

                // 规格选择

                var SelectUrl = "{:url('Shop/spec_select')}";

                // 获取规格名称规格值框架URL

                var GetHtmlUrl = "{:url('Shop/assemble_spec_data')}";

                // 当规格库更新后，调用此方式及时更新选择规格名称的下拉框信息

                var GetPresetSpecUrl = "{:url('Shop/update_spec_info')}";

                // 同步更新规格库数据到产品规格中，单条操作

                var RefreshPresetUrl = "{:url('Shop/refresh_preset_value')}";

            </script>

            <script type="text/javascript">

                $(function () {

                    // 初始化规格，清除多余规格数据

                    AjaxInitializationSpec();

                    function AjaxInitializationSpec() {

                        $.ajax({

                            type : 'post',

                            url  : GetHtmlUrl,

                            data:{initialization:true, _ajax:1},

                            dataType : 'json',

                        });

                    }

                });



                // 规格列表管理

                function SpecTempLate() {

                    //iframe窗

                    layer.open({

                        type: 2,

                        title: '规格模板库',

                        shadeClose: false,

                        maxmin: false, //开启最大化最小化按钮

                        area: ['90%', '90%'],

                        content: TemplateUrl

                    });

                }



                // 规格库删除规格值时，同步更新页面上的规格信息

                function RefreshPresetValue(preset_id, preset_mark_id) {

                    $.ajax({

                        type : 'post',

                        url  : RefreshPresetUrl,

                        data : {preset_id:preset_id, preset_mark_id:preset_mark_id, _ajax:1},

                        dataType : 'json',

                        success : function(res){

                            if (1 == res.code) {

                                // 删除规格值

                                $('#preset-bt2_'+preset_id).remove();

                                if (res.data.DelAllPreset) {

                                    // 删除整个规格名称

                                    $('#preset_'+preset_mark_id).remove();

                                }

                                if (res.data.HtmlTable) {

                                    // 加载规格框架

                                    $('#SpecTempLateDiv').html(res.data.HtmlTable);

                                    // 合并单元格

                                    MergeCells();

                                }

                            }

                        },

                        error : function() {

                            layer.closeAll();

                            layer.alert('未知错误，无法继续！', {icon: 5});

                        }

                    });

                }



                // 生成选中规格名称html并更新加载规格值

                function SpecSelectName(obj) {

                    var preset_mark_id = $(obj).val();

                    var preset_mark_id_arr = $('#preset_mark_id_arr').val();

                    $.ajax({

                        type : 'post',

                        url  : SelectUrl,

                        data : {preset_mark_id:preset_mark_id,preset_mark_id_arr:preset_mark_id_arr,_ajax:1},

                        dataType : 'json',

                        success : function(res){

                            if (0 == res.code) {

                                showErrorMsg(res.msg);

                            }else{

                                var html = [];

                                // 主DIV加载

                                html += [

                                    '<div class="prset-box" id="preset_'+preset_mark_id+'">'+

                                    '<div id="div_'+preset_mark_id+'">'+

                                    '<div><span class="preset-bt"><span class="preset_name_span_'+preset_mark_id+'">'+res.data.preset_name+ '</span><em data-name="'+res.data.preset_name+'" data-mark_id="'+preset_mark_id+'" onclick="DelDiv(this)"><i class="fa fa-times-circle" title="关闭"></i></em></span>'+

                                    '<span id="SelectEd_'+preset_mark_id+'"></span> &nbsp; &nbsp;'+

                                    '<select name="spec_value" id="spec_value_'+preset_mark_id+'" onchange="AppEndPreset(this,'+preset_mark_id+')">'+

                                    '</select>'+

                                    '</div>'+

                                    '</div><br/>'+

                                    '</div>'

                                ];

                                $('#SpecSelectName').append(html);

                                // 预设值加载

                                $('#spec_value_'+preset_mark_id).empty().html(res.data.preset_value_option);

                                // 更新预设名称下拉框

                                res.data.preset_name_option = '<option value="0">选择规格名称</option>'+ res.data.preset_name_option;

                                $('#spec_value').empty().html(res.data.preset_name_option);

                                // 加载选中的规格名称ID

                                $('#preset_mark_id_arr').val(res.data.preset_mark_id_arr);

                            }

                        }

                    });

                }



                // 清除session中的指定数据，同时对数据库进行操作

                function DelDiv(obj) {

                    var del_mark_id = $(obj).attr('data-mark_id');

                    var preset_mark_id_arr = $('#preset_mark_id_arr').val();

                    $.ajax({

                        type : 'post',

                        url  : GetHtmlUrl,

                        data : {del_mark_id:del_mark_id,preset_mark_id_arr:preset_mark_id_arr,_ajax:1},

                        dataType : 'json',

                        success : function(res){

                            layer.closeAll();

                            $(obj).parent().parent().parent().parent().remove();

                            if (res.data.HtmlTable) {

                                // 加载规格框架

                                $('#SpecTempLateDiv').html(res.data.HtmlTable);

                                // 合并单元格

                                MergeCells();

                                $('#stock_count').val(0);

                                $('#stock_count').attr('readonly','readonly');

                            }

                            // 更新预设名称下拉框

                            res.data.PresetNameOption = '<option value="0">选择规格名称</option>'+ res.data.PresetNameOption;

                            $('#spec_value').empty().html(res.data.PresetNameOption);

                            // 加载选中的规格名称ID

                            $('#preset_mark_id_arr').val(res.data.PresetMarkIdArray);

                        }

                    });

                }



                // 清除session中的指定数据，同时对数据库进行操作

                function DelValue(obj) {

                    var del_mark_id   = $(obj).attr('data-mark_id');

                    var del_preset_id = $(obj).attr('data-preset_id');

                    $.ajax({

                        type : 'post',

                        url  : GetHtmlUrl,

                        data : {del_preset_id:del_preset_id,del_mark_id:del_mark_id,_ajax:1},

                        dataType : 'json',

                        success : function(res){

                            layer.closeAll();

                            $(obj).parent().remove();

                            if (res.data.PresetValueOption) {

                                $('#spec_value_'+del_mark_id).empty().html(res.data.PresetValueOption);

                            }

                            if (res.data.HtmlTable) {

                                // 加载规格框架

                                $('#SpecTempLateDiv').html(res.data.HtmlTable);

                                // 合并单元格

                                MergeCells();

                                $('#stock_count').val(0);

                                $('#stock_count').attr('readonly','readonly');

                            }

                        }

                    });

                }



                // 追加预设规格名称和规格值

                function AppEndPreset(obj, preset_mark_id) {

                    var preset_id = $(obj).val();

                    $.ajax({

                        type : 'post',

                        url  : GetHtmlUrl,

                        data:{preset_id:preset_id,preset_mark_id:preset_mark_id,_ajax:1},

                        dataType : 'json',

                        success : function(res){

                            if (0 == res.code) {

                                showErrorMsg(res.msg);

                            }else{

                                // 追加选中的值

                                $('#SelectEd_'+preset_mark_id).append(

                                    '<span class="preset-bt2" id="preset-bt2_'+preset_id+'"><span class="preset_value_span_'+preset_id+'">'+res.data.SelectPresetValue+'</span><em data-value="'+res.data.SelectPresetValue+'" data-mark_id="'+preset_mark_id+'" data-preset_id="'+preset_id+'" onclick="DelValue(this)"><i class="fa fa-times-circle" title="关闭"></i></em> &nbsp; </span>'

                                );

                                if (res.data.PresetValueOption) {

                                    $('#spec_value_'+preset_mark_id).empty().html(res.data.PresetValueOption);

                                }

                                if (res.data.HtmlTable) {

                                    // 加载规格框架

                                    $('#SpecTempLateDiv').html(res.data.HtmlTable);

                                    // 合并单元格

                                    MergeCells();

                                    $('#stock_count').val(0);

                                    $('#stock_count').attr('readonly','readonly');

                                }

                            }

                        }

                    });

                }



                // 当规格库更新后，调用此方式及时更新选择规格名称的下拉框信息及规格框信息

                function UpPresetSpecData(preset_mark_id, mark_preset_ids, mark_mark_ids) {

                    var preset_mark_id_arr = $('#preset_mark_id_arr').val();

                    $.ajax({

                        type : 'post',

                        url  : GetPresetSpecUrl,

                        data : {preset_mark_id:preset_mark_id,preset_mark_id_arr:preset_mark_id_arr,_ajax:1},

                        dataType : 'json',

                        success : function(res){

                            // 更新规格名称下拉框

                            res.data.preset_name_option = '<option value="0">选择规格名称</option>'+ res.data.preset_name_option;

                            $('#spec_value').empty().html(res.data.preset_name_option);



                            if (res.data.preset_value_id) {

                                for (var i = 0; i < res.data.preset_value_id.length; i++) {

                                    if (res.data.preset_value_option[res.data.preset_value_id[i]]) {

                                        $('#spec_value_'+res.data.preset_value_id[i]).empty().html(res.data.preset_value_option[res.data.preset_value_id[i]]);

                                    }

                                }

                            }



                            if (preset_mark_id) {

                                // 删除指定的规格选框

                                $('#preset_'+preset_mark_id).remove();

                                $('#preset_mark_id_arr').val(res.data.preset_mark_id_arr);

                                if (res.data.HtmlTable) {

                                    // 加载规格框架

                                    $('#SpecTempLateDiv').html(res.data.HtmlTable);

                                    // 合并单元格

                                    MergeCells();

                                    $('#stock_count').val(0);

                                    $('#stock_count').attr('readonly','readonly');

                                }

                            }



                            if (mark_preset_ids || mark_mark_ids) {

                                UpPresetSpecValue(mark_preset_ids, mark_mark_ids);

                            }

                        }

                    });

                }



                // 替换页面上已选的规格名称和规格值

                function UpPresetSpecValue(mark_preset_ids, mark_mark_ids) {

                    $.ajax({

                        type : 'post',

                        url  : RefreshPresetUrl,

                        data : {mark_preset_ids:mark_preset_ids, mark_mark_ids:mark_mark_ids, _ajax:1},

                        dataType : 'json',

                        success : function(res){

                            if (1 == res.code) {

                                if (res.data.PresetData) {

                                    for (var i = 0; i < res.data.PresetData.length; i++) {

                                        /*替换规格值*/

                                        $('.preset_value_span_'+res.data.PresetData[i]['preset_id']).html(res.data.PresetData[i]['preset_value']);

                                        /* END */

                                    }

                                }



                                if (res.data.MarkData) {

                                    for (var i = 0; i < res.data.MarkData.length; i++) {

                                        /*替换规格名称*/

                                        $('.preset_name_span_'+res.data.MarkData[i]['preset_mark_id']).html(res.data.MarkData[i]['preset_name']);

                                        /* END */

                                    }

                                }

                            }

                        }

                    });

                }



                // 批量设置价格

                function BulkSetPrice(obj) {

                    layer.prompt({

                        title: false,

                        formType: 3,

                        id: 'BulkSetPrice',

                        btn: ['确定', '关闭'],

                        closeBtn: 0,

                        success: function(layero, index){

                            $("#BulkSetPrice").find('input').attr('placeholder', '批量设置价格');

                            $("#BulkSetPrice").find('input').attr('onkeyup', "this.value=this.value.replace(/[^\\d.]/g,'')");

                            $("#BulkSetPrice").find('input').attr('onpaste', "this.value=this.value.replace(/[^\\d.]/g,'')");

                        }

                    }, function(price, index){

                        layer.close(index);

                        // 规格中的价格

                        $('.users_price').val(price);

                        // 产品价格

                        $('#users_price').val(price);

                    });

                }



                // 更新价格，取出最小的值赋值到价格中

                function UpPrice(obj) {

                    var UsersPriceArray = new Array();

                    $('.users_price').each(function(){

                        UsersPriceArray.push($(this).val());

                    });

                    // 取出最小值

                    var MinValue = Math.min.apply(Math, UsersPriceArray);

                    $('#users_price').val(MinValue);

                }



                // 批量设置价格

                function BulkSetStock(obj) {

                    layer.prompt({

                        title: false,

                        formType: 3,

                        id: 'BulkSetStock',

                        btn: ['确定', '关闭'],

                        closeBtn: 0,

                        success: function(layero, index){

                            $("#BulkSetStock").find('input').attr('placeholder', '批量设置库存');

                            $("#BulkSetStock").find('input').attr('onkeyup', "this.value=this.value.replace(/[^\\d.]/g,'')");

                            $("#BulkSetStock").find('input').attr('onpaste', "this.value=this.value.replace(/[^\\d.]/g,'')");

                        }

                    }, function(stock, index){

                        layer.close(index);

                        // 单个库存

                        $('.stock_count').val(stock);

                        $('.stock_count').attr('data-old_stock',stock);

                        stock_count = Number($('.stock_count').length) * Number(stock);

                        $('#stock_count').val(stock_count);

                        // 禁用库存框

                        $('#stock_count').attr('readonly','readonly');

                    });

                }



                // 更新库存量

                function UpStock(obj) {

                    var stock_count = $('#stock_count').val();

                    var new_stock = $(obj).val();

                    var old_stock = $(obj).attr('data-old_stock');

                    $(obj).attr('data-old_stock',new_stock);

                    if (Number(old_stock) > Number(new_stock)) {

                        new_stock   = Number(old_stock) - Number(new_stock);

                        stock_count = Number(stock_count) - Number(new_stock);

                    }else{

                        new_stock   = Number(new_stock) - Number(old_stock);

                        stock_count = Number(stock_count) + Number(new_stock);

                    }

                    $('#stock_count').val(stock_count);

                    $('#stock_count').attr('readonly','readonly');

                }



                // 合并单元格

                function MergeCells() {

                    var tab = document.getElementById("spec_input_tab");

                    var maxCol = 2, val, count, start;

                    if (tab != null) {

                        for (var col = maxCol - 1; col >= 0; col--) {

                            count = 1;

                            val = "";

                            for (var i = 0; i < tab.rows.length; i++) {

                                if (val == tab.rows[i].cells[col].innerHTML) {

                                    count++;

                                } else {

                                    if (count > 1) { //合并

                                        start = i - count;

                                        tab.rows[start].cells[col].rowSpan = count;

                                        for (var j = start + 1; j < i; j++) {

                                            tab.rows[j].cells[col].style.display = "none";

                                        }

                                        count = 1;

                                    }

                                    val = tab.rows[i].cells[col].innerHTML;

                                }

                            }

                            if (count > 1) { //合并，最后几行相同的情况下

                                start = i - count;

                                tab.rows[start].cells[col].rowSpan = count;

                                for (var j = start + 1; j < i; j++) {

                                    tab.rows[j].cells[col].style.display = "none";

                                }

                            }

                        }

                    }

                }

            </script>

            {/if}

            <!-- 产品价格属性 -->

            {/if}



            <!--<dl class="row">-->

            <!--    <dt class="tit">-->

            <!--        <label for="title">操作</label>-->

            <!--    </dt>-->

            <!--    <dd class="opt">-->

            <!--        <input type="button" value="添加步骤" class="btn addStep" />-->

            <!--    </dd>-->

            <!--</dl>-->



            <input type="hidden" name="step" value="1" />

            <!--<a class="btn red"  href="javascript:void(0);"><i class="fa fa-adn"></i>添加步骤</a>-->

            {include file="archives/get_field_addonextitem" /}



            <div class="newEdit">



            </div>

        </div>

        <!-- 常规信息 -->

        <!-- 产品参数 -->

        <div class="ncap-form-default tab_div_2" style="display:none;">

            <dl class="row">

                <div class="tab-pane" id="tab_product_spec">

                    <table class="table table-bordered" width="100%">

                        <tr>

                            <td>

                                <!-- 操作说明 -->

                                <div id="explanation" class="explanation" style="color: rgb(44, 188, 163); background-color: rgb(237, 251, 248); width: 99%; height: 100%;">

                                    <div id="checkZoom" class="title"><i class="fa fa-lightbulb-o"></i>

                                        <h4 title="提示相关设置操作时应注意的要点">操作提示</h4>

                                        <span title="收起提示" id="explanationZoom" style="display: block;"></span>

                                    </div>

                                    <ul>

                                        <li>

                                            {empty name='$typeid'}

                                            请先在【常规选项】里选择产品主栏目，再点击【<a href="{:url('Product/attribute_index', array('typeid'=>$typeid))}">参数选项</a>】进行更多操作。

                                            {else /}

                                            如果想对产品参数进行新增、修改、删除等操作，请点击【<a href="{:url('Product/attribute_index', array('typeid'=>$typeid))}">参数选项</a>】进行更多操作。

                                            {/empty}

                                        </li>

                                    </ul>

                                </div>

                            </td>

                        </tr>

                    </table>

                </div>

            </dl>

            <dl class="row" style="margin-top: 10px;" id="product_attr_table">

                {empty name='$canshu'}

                <div style="color: red;font-size: 12px;text-align: center;">提示：该主栏目还没有参数值，若有需要请点击【<a href="{:url('Product/attribute_index', array('typeid'=>$typeid))}">参数选项</a>】进行更多操作。</div>

                {else /}

                {$canshu}

                {/empty}

            </dl>

        </div>

        <!-- 产品参数 -->

        <!-- SEO设置 -->

        <div class="ncap-form-default tab_div_3" style="display:none;">

            <dl class="row">

                <dt class="tit">

                    <label>TAG标签</label>

                </dt>

                <dd class="opt opt1591870121">

                    <input type="text" name="tags" id="tags" class="input-txt">

                    <script type="text/javascript">

                        $(function() { $('#tags').tagsInput({width: '450px', height: 'auto'}); });

                    </script>

                    <a href="javascript:void(0);" onclick="TagListSelect1591784354(this);" class="ncap-btn ncap-btn-green">快速选择</a>

                    <span class="err"></span>

                    <p class="notic">输入标签结束后可用回车或空格分开</p>

                    <input type="hidden" id="TagOldSelectID">

                    <input type="hidden" id="NewTagOldSelectID">

                    <input type="hidden" id="TagOldSelectTag">

                    <input type="hidden" name="tags_new" id="NewTagOldSelectTag">

                </dd>

            </dl>

            <dl class="row">

                <dt class="tit">

                    <label for="seo_title">SEO标题</label>

                </dt>

                <dd class="opt">

                    <input type="text" value="" name="seo_title" id="seo_title" class="input-txt">

                    <p class="notic">一般不超过80个字符，为空时系统自动构成，可以到 <a href="{:url('Seo/index', array('inc_type'=>'seo'))}">SEO设置 - SEO基础</a> 中设置构成规则。</p>

                </dd>

            </dl>

            <dl class="row">

                <dt class="tit">

                    <label>SEO关键词</label>

                </dt>

                <dd class="opt">

                    <textarea rows="5" cols="60" id="seo_keywords" name="seo_keywords" style="height:40px;"></textarea>

                    <span class="err"></span>

                    <p class="notic">一般不超过100个字符，多个关键词请用英文逗号（,）隔开，建议3到5个关键词。</p>

                </dd>

            </dl>

            <dl class="row">

                <dt class="tit">

                    <label>SEO描述</label>

                </dt>

                <dd class="opt">

                    <textarea rows="5" cols="60" id="seo_description" name="seo_description" style="height:60px;"></textarea>

                    <span class="err"></span>

                    <p class="notic">一般不超过200个字符，不填写时系统自动提取正文的前200个字符</p>

                </dd>

            </dl>

        </div>

        <!-- SEO设置 -->

        <!-- 其他参数 -->

        <div class="ncap-form-default tab_div_4" style="display:none;">

            <dl class="row">

                <dt class="tit">

                    <label for="author">作者</label>

                </dt>

                <dd class="opt">

                    <input type="text" value="{$Think.session.admin_info.pen_name|default='小编'}" name="author" id="author" class="input-txt">

                    &nbsp;<a href="javascript:void(0);" onclick="set_author();" class="ncap-btn ncap-btn-green">设置</a>

                    <p class="notic">设置作者默认名称（将同步至管理员笔名）</p>

                </dd>

            </dl>

            <dl class="row">

                <dt class="tit">

                    <label>浏览量</label>

                </dt>

                <dd class="opt">

                    <input type="text" value="{php}echo mt_rand(100, 300);{/php}" name="click" id="click" class="input-txt">

                    <span class="err"></span>

                    <p class="notic"></p>

                </dd>

            </dl>

            <dl class="row">

                <dt class="tit">

                    <label>阅读权限</label>

                </dt>

                <dd class="opt">

                    <select name="arcrank" id="arcrank">

                        {volist name="arcrank_list" id="vo"}

                        <option value="{$vo.rank}">{$vo.name}</option>

                        {/volist}

                    </select>

                    <span class="err"></span>

                    <p class="notic"></p>

                </dd>

            </dl>

            <dl class="row">

                <dt class="tit">

                    <label for="articleForm">发布时间</label>

                </dt>

                <dd class="opt">

                    <input type="text" class="input-txt" id="add_time" name="add_time" value="{php}echo date('Y-m-d H:i:s'){/php}" autocomplete="off">

                    <span class="add-on input-group-addon">

                        <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>

                    </span>

                    <span class="err"></span>

                </dd>

            </dl>

            <dl class="row">

                <dt class="tit">

                    <label for="tempview">文档模板</label>

                </dt>

                <dd class="opt">

                    <select name="tempview" id="tempview">

                        {volist name='$templateList' id='vo'}

                        <option value="{$vo}" {eq name='$vo' value='$tempview'}selected{/eq}>{$vo}</option>

                        {/volist}

                    </select>

                    <input type="hidden" name="type_tempview" value="{$tempview}" />

                    <span class="err"></span>

                </dd>

            </dl>

            <dl class="row" {neq name='$seo_pseudo' value='2'}style="display: none;"{/neq}>

            <dt class="tit">

                <label>自定义文件名</label>

            </dt>

            <dd class="opt">

                <input type="text" value="" name="htmlfilename" id="htmlfilename" style="width: 120px;" onkeyup="this.value=this.value.replace(/[^\w\-]/g,'');" onpaste="this.value=this.value.replace(/[^\w\-]/g,'');">.html

                <span class="err"></span>

                <p class="notic">自定义文件名可由字母/数字/'_'/'-'等符号组成</p>

            </dd>

            </dl>

            <!--             <dl class="row">

                            <dt class="tit">

                                <label>排序号</label>

                            </dt>

                            <dd class="opt">

                                <input type="text" value="100" name="sort_order" id="sort_order" class="input-txt">

                                <span class="err"></span>

                                <p class="notic">越小越靠前</p>

                            </dd>

                        </dl> -->

        </div>

        <!-- 其他参数 -->

        <div class="ncap-form-default">

            <div class="bot">

                <input type="hidden" name="gourl" value="{$gourl}">

                <a href="JavaScript:void(0);" onclick="check_submit();" class="ncap-btn-big ncap-btn-green" id="submitBtn">确认提交</a>

            </div>

        </div>

    </form>

</div>

<input type="hidden" name="typeid" value="<?php echo $_GET['typeid']; ?>">

<script type="text/javascript">

    var num = 0 ;


    //步骤添加事件

    $('.addStep').click(function () {

        var typeid = $('input[name="typeid"]').val();

        var step = $('input[name="step"]').val();

        if (step >= 20){

            layer.alert('最多可添加20个！', {icon: 5});

            return false;

        }

        var url = "{:url('Product/add_step')}";

        $.get(url+"&step="+step+"&typeid="+typeid,function (data) {

            if (data.status == 1){

                step++;

                $('input[name="step"]').val(step);

                $('.newEdit').append(data.data);

            }else {

                layer.alert(data.msg, {icon: 5});

                return false;

            }

        });

    });



    var imgDir = $('input[name="img_dir"]').val();

    //多图上传

    layui.use('upload', function(){

        var $ = layui.jquery

            ,upload = layui.upload;





        var url = "{:url('Uploadify/upload_pic_new')}";

        var domain = window.location.protocol+"//"+window.location.host;

        //多图片上传

        upload.render({

            elem: '#test2'

            ,url: url //改成您自己的上传接口

            ,multiple: true

            ,accept:'images' // 允许上传的文件类型

            ,auto:true // 自动上传

            ,acceptMime: 'image/*'

            ,data:{

                ir:imgDir

            }

            ,before: function(obj){

                //预读本地文件示例，不支持ie8

                obj.preview(function(index, file, result){

                    /*var html = '<div>';

                    html += '<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img" style="width: 92px;height: 92px;margin: 0 10px 10px">';

                    html +=''

                    html +='</div>'

                    $('#demo2').append(html);*/

                });

            }

            ,done: function(res){

                //上传完毕


                if (res.code == 200) {

                    ++ num ;
                    var imgUrl = domain+res.filepath

                    var html =  '<div style="display: inline-flex;width: 800px;margin-top: 40px">';
                    html += '<div style=" float:left;margin-right: 50px">';

                    html += '<img src="'+ imgUrl +'" class="layui-upload-img" style="width: 92px;height: 92px;margin: 0 10px 10px">';

                    html += '<input type="hidden" name="litpic_remote[]" value="'+res.filepath+'" />';

                    html += '<a href="javascript:;" class="delImg">删除</a>';

                    html +='<p style="margin-left: 30px;">'+res.step_txt+'</p>';
                    html +='</div>'
                    html += '<SPAN id="beizhu" ><p>备注: </p>   <textarea placeholder="请输入备注内容" name="remark[]" id="textare'+num+'" style="display:none;"></textarea></SPAN>';

                    html +='</div>'

                    $('#demo2').append(html);
                    Load_box();


                }else{

                    layer.msg(res.msg);

                }

            }

            ,error:function (index,uploads) {

                //上传失败

                console.log(index+uploads);

            }

        });






        //删除图片

        $('.layui-upload-list').on('click', '.delImg',function () {

            $(this).closest('div').parent('div').remove()

        })

    });



    $(function () {

        $('#add_time').layDate();



        //选项卡切换列表

        $('.tab-base').find('.tab').click(function(){

            $('.tab-base').find('.tab').each(function(){

                $(this).removeClass('current');

            });

            $(this).addClass('current');

            var tab_index = $(this).data('index');

            $(".tab_div_1, .tab_div_2, .tab_div_3, .tab_div_4").hide();

            $(".tab_div_"+tab_index).show();

        });



        $('input[name=is_jump]').click(function(){

            if ($(this).is(':checked')) {

                $('.dl_jump').show();

            } else {

                $('.dl_jump').hide();

            }

        });



        var dftypeid = {$typeid|default='0'};

        $('#typeid').change(function(){

            var current_channel = $(this).find('option:selected').data('current_channel');

            if (0 < $(this).val() && {$channeltype} != current_channel) {

                showErrorMsg('请选择对应模型的栏目！');

                $(this).val(dftypeid);

            } else if ({$channeltype} == current_channel) {

                layer.closeAll();

            }

            GetAddonextitem(1, $(this).val(), {$channeltype}, 0, true);

        });

    });



    function change_prom_type(val) {

        if ( val == 1 ){

            $("input[name=prom_type_vir]:eq(0)").attr("checked",'checked');

            $("#fahuoxingshi").show();

        } else if ( val == 2 ){

            $("#wangpanxiazai").hide();

            $("#wenbenneirong").hide();

        } else if ( val == 3 ){

            $("#wangpanxiazai").show();

            $("#wenbenneirong").hide();

        } else if( val == 4 ){

            $("#wangpanxiazai").hide();

            $("#wenbenneirong").show();

        }

        else {

            $("#wangpanxiazai").hide();

            $("#wenbenneirong").hide();

            $("#fahuoxingshi").hide();

        }

    }



    function set_author()

    {

        layer.prompt({

                title:'<font color="red">设置作者默认名称</font>'

            },

            function(val, index){

                var admin_id = '{$Think.session.admin_info.admin_id}';

                $.ajax({

                    url: "{:url('Admin/ajax_setfield')}",

                    type: 'POST',

                    dataType: 'JSON',

                    data: {id_name:'admin_id',id_value:admin_id,field:'pen_name',value:val,_ajax:1},

                    success: function(res){

                        if (res.code == 1) {

                            $('#author').val(val);

                            layer.msg(res.msg, {icon: 1, time:1000});

                        } else {

                            showErrorMsg(res.msg);

                            return false;

                        }

                    },

                    error: function(e){

                        showErrorMsg(ey_unknown_error);

                        return false;

                    }

                });

                layer.close(index);

            }

        );

    }



    function tags_list(obj)

    {

        layer.closeAll();

        var url = "{:url('Tags/index')}";

        //iframe窗

        var iframes = layer.open({

            type: 2,

            title: 'TAG标签管理',

            fixed: true, //不固定

            shadeClose: false,

            content: url

        });



        layer.full(iframes);

    }



    function system_thumb()

    {

        var url = "{:url('System/thumb', ['tabase'=>-1])}";

        //iframe窗

        var iframes = layer.open({

            type: 2,

            title: '缩略图配置',

            fixed: true, //不固定

            shadeClose: false,

            shade: 0.3,

            content: url

        });

        layer.full(iframes);

    }



    // 判断输入框是否为空

    function check_submit(){

        if($.trim($('input[name=title]').val()) == ''){

            showErrorMsg('标题不能为空！');

            $($('.tab-base').find('.tab')[0]).trigger('click');

            $('input[name=title]').focus();

            return false;

        }

        if ($('#typeid').val() == 0) {

            showErrorMsg('请选择栏目…！');

            $($('.tab-base').find('.tab')[0]).trigger('click');

            $('#typeid').focus();

            return false;

        }

        if ($('input[name=prom_type]:checked').val() == 1) {

            if($('input[name=prom_type_vir]:checked').val() == 2 && $.trim($('input[name=netdisk_url]').val()) == ''){

                showErrorMsg('网盘地址不能为空！');

                $($('.tab-base').find('.tab')[0]).trigger('click');

                $('input[name=netdisk_url]').focus();

                return false;

            }

            if($('input[name=prom_type_vir]:checked').val() == 3 && $.trim($('textarea[name=text_content]').val()) == ''){

                showErrorMsg('虚拟文本内容不能为空！');

                $($('.tab-base').find('.tab')[0]).trigger('click');

                $('textarea[name=text_content]').focus();

                return false;

            }

        }

        layer_loading('正在处理');

        $('#post_form').submit();

    }



    function img_call_back(fileurl_tmp)

    {

        $("#litpic_local").val(fileurl_tmp);

        $("#img_a").attr('href', fileurl_tmp);

        $("#img_i").attr('onmouseover', "layer_tips=layer.tips('<img src="+fileurl_tmp+" class=\\'layer_tips_img\\'>',this,{tips: [1, '#fff']});");

        $("input[name=is_litpic]").attr('checked', true); // 自动勾选属性[图片]

    }



    // 上传产品相册回调函数

    function proimg_call_back(paths){



        var  last_div = $(".images_upload_tpl").html();

        for (var i=0;i<paths.length ;i++ )

        {

            $(".images_upload:eq(0)").before(last_div);  // 插入一个 新图片

            $(".images_upload:eq(0)").find('a:eq(0)').attr('href',paths[i]).attr('onclick','').attr('target', "_blank");// 修改他的链接地址

            $(".images_upload:eq(0)").find('img').attr('src',paths[i]);// 修改他的图片路径

            $(".images_upload:eq(0)").find('a:eq(1)').attr('onclick',"ClearPicArr2(this,'"+paths[i]+"')").text('删除');

            $(".images_upload:eq(0)").find('input').val(paths[i]); // 设置隐藏域 要提交的值

        }

    }

    /*

     * 上传之后删除组图input

     * @access   public

     * @val      string  删除的图片input

     */

    function ClearPicArr2(obj,path)

    {

        // 删除数据库记录

        $.ajax({

            type:'POST',

            url:"{:url('Product/del_proimg')}",

            data:{filename:path,_ajax:1},

            success:function(){

                $(obj).parent().parent().remove(); // 删除完服务器的, 再删除 html上的图片

                $.ajax({

                    type:'POST',

                    url:"{:url('Uploadify/delupload')}",

                    data:{action:"del", filename:path,_ajax:1},

                    success:function(){}

                });

            }

        });

    }





    /** 以下 产品参数相关 js*/

    $(document).ready(function(){

        // 产品栏目切换时 ajax 调用  返回不同的属性输入框

        $("#typeid").change(function(){

            get_attr_input();

        });

        // 触发产品栏目

        // $("#typeid").trigger('change');

    });



    // 产品栏目切换时 ajax 调用  返回不同的参数输入框

    function get_attr_input()

    {

        var aid = '';

        var typeid = $("#typeid").val();

        if (parseInt(typeid) < 1) {

            return false;

        }

        $('#product_attr_table').html('<div style="color: red;font-size: 12px;text-align: center;">加载中……</div>');

        // 产品栏目切换时 ajax 调用  返回不同的属性输入框

        $.ajax({

            type:'GET',

            data:{aid:aid,typeid:typeid,_ajax:1},

            url:"{:url('Product/ajax_get_attr_input')}",

            success:function(data){

                $("#product_attr_table").html('').append(data);

            },

            error: function(e){

                $('#product_attr_table').html('<div style="color: red;font-size: 12px;text-align: center;">加载失败，点击此处<a href="javascript:void(0);" onClick="get_attr_input();">刷新</a></div>');

            }

        });

    }



    /** 以下 产品相册的拖动排序相关 js*/



    $( ".sort-list" ).sortable({

        start: function( event, ui) {



        }

        ,stop: function( event, ui ) {

            // var rdata = '', url="{:url('Product/ajax_sort_proimg')}";

            // var container = $(ui.item).closest("TB");

            // var LIs = $(container).find("DIV");

            // $(LIs).each(function(){

            //     console.log($(this))

            //     rdata += $(this).attr('rel') + ',' + $(this).index() + '|';

            // });

            // rdata = rdata.substr(0, (rdata.length-1));

            // console.log(rdata)

            // $.post(url, {str:rdata}, function(){



            // });

        }

    });

    //因为他们要拖动，所以尽量设置他们的文字不能选择。

    $( ".sort-list" ).disableSelection();

    function Load_box(){

    layui.use('layedit', function(){
        var layedit = layui.layedit;

        $('#demo2').find('textarea').each(function() {
            layedit.build(this.id,{height:200,width: 500}); //建立编辑器

        });
    });
    }

</script>



{include file="public/footer" /}